<script type="text/javascript" src="<?php echo base_url() ?>media/site/footer_slide/crawler.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function() {
	//$('.flipbook').pageFlip({});
	$('.flipbook').pageFlip({
		time : 2,
		shadow : false,
		slideTime: 0.3,
		autoRun: true,
		autoTime: 2
	});
	
	$('.slide').hover(function(){
		$(".content", this).stop().animate({top:'120px'},{queue:false,duration:160});
	}, function() {
		$(".content", this).stop().animate({top:'175px'},{queue:false,duration:160});
	});
    
    $('.box-content').hover(function(){
		$(".box-desc, a", this).stop().animate({top:'120px'},{queue:false,duration:200});
	}, function() {
		$(".box-desc, a", this).stop().animate({top:'175px'},{queue:false,duration:200});
	});
    
    $('#slides_rpt').skdslider({delay:5000, animationSpeed: 5000,showNextPrev:true,showPlayButton:false,autoSlide:true,animationType:'fading'});
    var wd = $(window).width();
   
   
    //alert('dd:'+wd);
    marqueeInit({ 
    	uniqueid: 'crawler',
        /*style: {
            //'padding': '0px',
    		'width': wd+'px'
    	},*/
    	inc: 5,
    	mouse: 'cursor driven', 
    	moveatleast: 1, 
    	neutral: 50, 
    	savedirection: true
    });
    
});
</script>
<style type="text/css">
    .box-rpt-anouncement .skdslider{height:135px;width:auto;margin: 0 auto;}
    .box-rpt-anouncement .skdslider img {
        height: 139px; width: 91px!important;
        float: left;padding: 5px 10px; 
        margin-left: 40px;
    }
    .box-rpt-anouncement .skdslider ul.slide-navs {display: none;}
    #slides_rpt div {padding-top: 40px;}
    #slides_rpt div a, #slides_rpt table a {color: #333;font-size: 11px;font-weight: bold;}
    
    #slides_rpt table
    {
        border: 1px solid #ccc;width: 70%;margin:0 auto;
    }
    #slides_rpt table .thead-rpt {background-color: #e7e7e9;}
    #slides_rpt table th{padding: 5px;text-align: center;}
    #slides_rpt table td {padding: 10px;}
    
    #pagination {display:none;}
    .flipbook .slide {background-color: #fff;}
    .flipbook .slide .content{display:none;}
    .flipbook .current .slideup {display:block;top:175px;padding: 10px;}
    
    
</style>

<div class="content-home">
  <?php
    //echo $page['htmlcontent'];
    $this->load->view('site/home_content');
  ?>     
    <div class="recommend-award">
        <div class="bottom-image">
            <div class="box-video">
                <div id="frame"></div>                
            </div>
            <div class="box-image">
                <h4>recognition & awards</h4>
                <div>
                    <img src="<?php echo base_url() ?>media/site/award_cer/award1.png" alt="award 1" />
        		    <img src="<?php echo base_url() ?>media/site/award_cer/award2.png" alt="award 2" />
      		        <img src="<?php echo base_url() ?>media/site/award_cer/award3.png" alt="award 3" />
        		    <img src="<?php echo base_url() ?>media/site/award_cer/award4.png" alt="award 4" />
                </div>
    		</div>
            <div class="box-rpt-anouncement">
                <h4>reports & announcements</h4>
                <div>
                    <ul id="slides_rpt" class="slides">
                        <li>
                            <img src="<?php echo base_url() ?>media/site/css/images/default-rpt.png" alt="report" />
                            <div>
                            <?php
                                echo anchor('page/annual-report','Annual Report 2013');
                            ?>
                            </div>
                        </li>
                        <li>
                            <table cellspacing="0" cellpadding="0">
                                <tr class="thead-rpt">
                                    <th><strong>Job Announcement</strong></th>
                                </tr>
                                <tr>
                                <?php
                                echo '<td>';
                                echo anchor('page/career','Loan Officer (20)').'<br /><br />';
                                echo anchor('page/career','Teller (20)');
                                echo '</td>';
                                ?>
                                </tr>
                            </table>
                        </li>
                    </ul> 
                </div>
            </div>
        </div>
    </div>
    <div class="logo-partner-container">
        <div class="logo-partner">
            <div class="head-border"><h4>NETWORKS AND PARTNERSHIPS</h4></div>
            <div class="bottom-image">
                <div class="marquee0" id="crawler">
            <?php
            if(count($partners)){
                foreach($partners as $item){
                    $logo = base_url().'media/site/footer_slide/web/'.$item;
                    echo '<img src="'.$logo.'"  alt="" />';      
                }        
            }
            ?>
        		</div>
            </div>
        </div>
    </div>
</div>